<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>安擎数据分析平台</title>
    <link rel="stylesheet" type="text/css" href="styles/common.css">
    <link rel="stylesheet" type="text/css" href="styles/reset.css">
    <link rel="stylesheet" type="text/css" href="styles/index.css">
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=bM8kSth445mPN7dGzEUvdeyYUl8bikY7"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
    <script src="https://mapv.baidu.com/build/mapv.min.js"></script>
  </head>
  <body>
    <div class="scale-btn"></div>
    <div id="allmap" class="all-map"></div>

    <div class="title">安擎数据分析平台</div>
    <div class="time"></div>

    <div class="oprate">
      <div class="strong-text">接入设备数量</div>
      <div class="normal-text">
        二级节点：<span class="ejjd normal-value">0</span>
        设备数量：<span class="sbsl normal-value">0</span>
      </div>
    </div>

    <div class="amount">
      <!--由amount.tpl渲染-->
    </div>

    <div class="left-top">
      <p class="item-title">告警类型TOP5</p>
      <div class="time-btn">
        <span class="active" data-type='today'>今日</span>
        <span data-type='week'>本周</span>
        <span data-type='month'>今月</span>
      </div>
      <div class="legend">
        <!--由legend.tpl渲染-->
      </div>
      <div class="radar" id="radar" style="width: 340; height: 220px;"></div>
    </div>

    <div class="left-bottom">
      <p class="item-title">攻击地址TOP10</p>
      <ul class="top-list active">
        <!--由leftBottom.tpl渲染-->
      </ul>
    </div>

    <div class="right-top">
      <p class="item-title">实时处置率</p>
      <div class="time-btn">
        <span class="active" data-type='today'>今日</span>
        <span data-type='week'>本周</span>
        <span data-type='month'>今月</span>
      </div>
      <div class="rate">处置率：<span>0</span>%</div>
      <div id="pieChart" class="pie-chart"></div>
    </div>

    <div class="right-bottom">
      <p class="item-title">告警地址TOP10</p>
      <ul class="top-list active">
        <!--由leftBottom.tpl渲染-->
      </ul>
    </div>

    <div class="foot-list">
      <div class="foot-title">威胁信息</div>
      <div class="list">
        <div class="item item-til">
          <span>发生时间</span>
          <span>威胁类型</span>
          <span>威胁名称</span>
          <span>威胁等级</span>
          <span>攻击地址</span>
          <span>目标用户</span>
          <span>目标主机</span>
        </div>
        <div class="item-wrap">
          
        </div>
      </div>
    </div>


    <script type="text/javascript" src='sea-modules/sea.js'></script>
    <script type="text/javascript" src='sea-modules/sea-text.js'></script>
    <script type="text/javascript" src='seajs.config.js'></script>
    <script type="text/javascript">
      seajs.use(['./scripts/index.js'], function(home){
        home.init()
      })
    </script>
  </body>
</html>
